<template>
  <baidu-map class="bm-view" :zoom="12" :center="{ lng: 113.9, lat: 22.57 }">
    <!-- 缩放控件 -->
    <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
    <!-- 缩略图 -->
    <bm-overview-map
      anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
      :isOpen="true"
    ></bm-overview-map>
    <!-- 地图类型 -->
    <!-- <bm-map-type
      :map-types="['BMAP_NORMAL_MAP', 'BMAP_HYBRID_MAP']"
      anchor="BMAP_ANCHOR_TOP_LEFT"
    ></bm-map-type> -->
    <!-- 定位控件 -->
    <bm-geolocation
      anchor="BMAP_ANCHOR_BOTTOM_RIGHT"
      :showAddressBar="true"
      :autoLocation="true"
    ></bm-geolocation>
    <!-- 城市列表控件 -->
    <bm-city-list anchor="BMAP_ANCHOR_TOP_LEFT" offset="20"></bm-city-list>
  </baidu-map>
</template>

<style>
.bm-view {
  width: 100%;
  height: 600px;
}
</style>
